iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 1
1

參賽目的

為了挑戰自我,我就參加鐵人賽,雖然我真的懶惰,我會盡量完賽,我除了教別人,還可以溫故知新,說不定還可以認識很多新朋友,完成挑戰時一定會會有很多成就感,寫完鐵人賽,我一定可以收穫很多,下面寫目錄。

目錄

DAY 01 :參賽目的與規劃

DAY 02 :輕鬆認識JS
DAY 03 :JS宣告變數的差異
DAY 04 :抓取元素並且把值輸入到頁面
DAY 05 :JS計數器應用
DAY 06 :累加符號在計數器以及清空頁面
DAY 07 :JS使用css功能以及輸入文字並且顯示到頁面
DAY 08 :清空輸入欄位、畫面以及重新開始
DAY 09 :介紹ES6的樣式面板值、箭頭函數、宣告變數
DAY 10 :JS跟React的差異
DAY 11 :React環境安裝以及啟動React
DAY 12 :介紹開啟頁面、改用Class形式的組件
DAY 13 :介紹JSX語法,新增組件,引入新增組件
DAY 14 :設定外部屬性(Props)以及練習使用Props
DAY 15 :設定內部屬性(State)以及使用State
DAY 16 :定義函數以及其他State、輸入的值印出來
DAY 17 :把輸入的值存到陣列(item),最後把陣列迭代把值印出
DAY 18 :搜尋資料功能
DAY 19 :新增資料到陣列並且收尋
DAY 20 :拆解組件(1)
DAY 21 :React箭頭函數、解構
DAY 22 :拆解組件(2)傳遞資料給父祖件
DAY 23 :拆解組件(3)父祖件傳來的值來收尋文字
DAY 24 :拆組組件(4),收尋文字放入另一個組件,並且新增輸入框
DAY 25 :拆組組件(5),新增輸入值到收尋欄並且收尋
DAY 26 :拆解組件(6),優化輸入
DAY 27 :拆解組件(7),新增刪除功能(上)
DAY 28 :拆解組件(8),新增刪除功能(下)
DAY 29 :組件的生命週期
DAY 30 :介紹React輔助軟體,結束感言


下一篇
Day2:輕鬆認識JS
系列文
從JS到React的前端入門實作30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言